<template id="shopCar">
    <div class="shop_com">
       <div class="shopCar" id="shop_com">
           <img src="../image/blue_shop.png" alt="" @click="fly_shop()">
           <span id="shop_r" class="times">{{this.GLOBAL.goods_num}}</span>
           <time class="te_1"></time>
       </div>

    </div>
</template>
<script>
    export default {
        name:'shopCar',
        data() {
            return {
                goods_id:this.$route.query.goods_id,
            }
        },
        mounted:function(){
            this.GLOBAL.goods_nums(this);
            $('.times').css({'visibility': 'hidden'});
        },
        methods:{
            addCart:function (goods_id, number = 1) {
                this.GLOBAL.addCart(this,goods_id,number);
            },
            fly_shop:function(){
                this.$router.push('/shop')
            }
        },
         
    }
</script>
<style>
    #shop_com{
        position:fixed;
        bottom:0;
        left:0;
        height:0.8rem;
    }
    .shopCar{
    width:auto;
    height:0.8rem;
    display:flex;
  /*  box-shadow: 0 -0.1rem 1rem #d0cfcd;*/
}
    .shopCar li{
        flex:1;
        list-style:none;
        line-height:0.8rem;
        text-align:center;
        color:#ffffff;
        font-size:0.28rem;
    }
     .shopCar img{
        display:block;
        height:0.83rem;
        width:0.83rem;
        position:absolute;
        left:0.09rem;
        top:-0.13rem;
    }
    .shopCar time{
        display:inline-block;
        position:absolute;
        left:0.67rem;
        top:-0.1rem;
        color:#ffffff;
        opacity:0;
        width:0.32rem;
        height:0.32rem;
    }
   .shopCar  span{
    display:block;
    position:absolute;
    width:0.32rem;
    height:0.32rem;
    color:#ffffff;
    background:red;
    font-size:0.14rem;
    line-height:0.32rem;
    text-align:center;
    border-radius:0.2rem;
    left:0.67rem;
    top:-0.1rem;
}
</style>
